@import "../../../styles/default.scss";
.organ-chart-wrapper{
  padding: size(8) pxToRem(12);

  .organ-chart-tab{
    .organ-chart-title{
      font-size: pxToRem(14);
      font-weight: 800;

    }
    .chart-legend-box {
      display: flex;
      align-items: center;
      .seize {
        flex: 1;
      }
      .organ-chart-legend{
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: pxToRem(12);
        margin: size(8) 0;
        >div {
          display: inline-block;
          width: size(12);
          height: pxToRem(8);
          margin: 0 pxToRem(8);
        }
      }
    }
    border: solid 1px $text-ph-color;
    padding: size(8) pxToRem(12);
  }
  .chart-legend-pop{
    display: flex;
    align-items: center;
    border: solid 1px $text-ph-color;
    font-size: pxToRem(12);
    padding: size(2) pxToRem(4);
    .icon {
      fill: $text-primary;
      width: size(8);
      height: size(8);
    }
  }
}
.organ-cftc-chart{
  width: 100%;
  height: size(200);
  border: solid 1px $text-ph-color;
}

.organ-popup-header{
  padding: size(8) pxToRem(12);
  font-size: pxToRem(14);
  font-weight: 800;

}
.organ-popup-list-item{
  padding: size(8) pxToRem(12);
  font-size: pxToRem(12);
  display: flex;
  align-items: center;
  .seize {
    flex: 1;
  }
  &.active{
    color: $active-color;

  }
}

.quotation-bottom-wrapper{
  display: flex;
  align-items: center;
  box-shadow: 0 0 size(3) #999999;
  margin: size(8) pxToRem(12);
  padding: size(8) 0;
  .quotation-bottom-item{
    flex: 1;
    text-align: center;
    .in-favorate{
      fill: $danger;
    }
    .out-favorate{
      fill: $text-light;
    }
    .icon {
      width: size(24);
      height: size(24);
    }
    .menu-diejia {
      fill: $theme-color;
    }
  }
}



.quotation-popup-panel{
  background: $theme-deep-background;
  max-height: 70%;
  display: flex;
  flex-direction: column;
  .xue-popup-content{
    flex: 1;
    overflow-y: scroll;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .erayt-list-box{
    background: $theme-deep-background;
  }
}
